<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">

<!-- www.phpied.com/conditional-comments-block-downloads/ -->
<!--[if IE]><![endif]-->

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame  -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Kameleon</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- CSS - Setup -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/grid.css" rel="stylesheet" type="text/css" />
<!-- CSS - Theme -->
<link id="theme" href="css/themes/light.css" rel="stylesheet" type="text/css" />
<link id="color" href="css/themes/blue.css" rel="stylesheet" type="text/css" />

<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="js/modernizr-1.5.min.js"></script>
</head>

<!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body>
<!--<![endif]-->
<div id="wrapper"> 
  
  <!-- start header -->
  <header> 
    <!-- logo -->
    <h1 id="logo"><a href="index.html">Kameleon</a></h1>
    <!-- nav -->
    <nav>
      <ul id="nav">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a>
          <ul>
            <li><a href="about.html">Who We Are</a></li>
            <li><a href="#">Misc Examples</a>
              <ul>
                <li><a href="grid.html">Column Examples</a></li>
                <li><a href="misc.html">Styled Elements</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="portfolio.html">Portfolio</a>
          <ul>
            <li><a href="portfolio.html">3 Column Portfolio</a></li>
            <li><a href="portfolio-list.html">Portfolio List</a></li>
          </ul>
        </li>
        <li class="current"><a href="services.html">Services</a>
          <ul>
            <li><a href="pricing.html">Pricing Table</a></li>
          </ul>
        </li>
        <li><a href="contact.html">Contact Us</a></li>
      </ul>
      <br class="cl" />
    </nav>
    <br class="cl" />
  </header>
  <!-- end header --> 
  <!-- page container -->
  <div id="page"> 
    <!-- page title -->
    <h2 class="ribbon full">Services <span>Take a look at what we offer</span> </h2>
    <div class="triangle-ribbon"></div>
    <br class="cl" />
    <!-- page content -->
    <div id="page-content" class="two-col container_12">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      <ul class="services-list">
        <li>
          <h3>Design</h3>
          <img src="img/design.png" height="48" width="48" alt="design" />
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </li>
        <li>
          <h3>Coding</h3>
          <img src="img/coding.png" height="48" width="48" alt="coding" />
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </li>
        <li>
          <h3>SEO</h3>
          <img src="img/seo.png" height="48" width="48" alt="seo" />
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </li>
        <li>
          <h3>Icon Design</h3>
          <img src="img/icon-des.png" height="48" width="48" alt="icon design" />
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </li>
      </ul>
      <br class="cl" />
      <h3>Our Process</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      <ul class="services-list">
        <li> <span class="process">1</span>
          <p><strong>Lorem ipsum dolor</strong> - sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </li>
        <li> <span class="process">2</span>
          <p><strong>Lorem ipsum dolor</strong> - sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </li>
        <li> <span class="process">3</span>
          <p><strong>Lorem ipsum dolor</strong> - sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </li>
        <li> <span class="process">4</span>
          <p><strong>Lorem ipsum dolor</strong> - sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </li>
      </ul>
    </div>
    <!-- page sidebar -->
    <aside>
      <form class="sidebar-search">
        <input id="search" value="Search..." />
        <button class="search" type="submit">Go</button>
        <br class="cl" />
      </form>
      <h3>Latest Blog Posts</h3>
      <ul class="sidebar-latestblog">
        <li><img height="50" width="50" class="inlinepic" src="img/screenshots/buttons.jpg" alt=""><a href="#">Creating CSS3 Buttons</a>
          <time>14th September</time>
          <br class="cl" />
        </li>
        <li><img height="50" width="50" class="inlinepic" src="img/screenshots/gallery.jpg" alt=""><a href="#">jQuery Gallery</a>
          <time>14th September</time>
          <br class="cl" />
        </li>
        <li><img height="50" width="50" class="inlinepic" src="img/screenshots/psd.jpg" alt=""><a href="#">Photoshop Tips</a>
          <time>14th September</time>
          <br class="cl" />
        </li>
      </ul>
      <h3>Twitter Feed</h3>
      <ul id="twitter_update_list">
        <li></li>
      </ul>
      <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> 
      <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/ChrisAMooney.json?callback=twitterCallback2&amp;count=4"></script> 
      <br class="cl" />
    </aside>
    <br class="cl" />
    <br class="cl" />
  </div>
  
  <!-- Footer Start -->
  <footer>
    <ul class="footer-nav">
      <li><a href="index.html">Home</a> |</li>
      <li><a href="about.html">About</a> |</li>
      <li><a href="portfolio.html">Portfolio</a> |</li>
      <li><a href="services.html">Services</a> |</li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
    <p>Copyright ©2010, A <a href="http://www.mudodesigns.com">Mudo Design</a> for <a href="http://themeforest.net?ref=ChrisMooney">Theme Forest</a>.</p>
    <br class="cl" />
  </footer>
  <!-- footer end --> 
  
  <!-- Javascript at the bottom for fast page loading --> 
  <!-- Grab Google CDN's jQuery + jQuery UI. fall back to local if necessary --> 
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
  <script>!window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js"><\/script>')</script> 
  <script type="text/javascript" src="js/jquery.tools.min.js"></script> 
  <script type="text/javascript" src="js/jquery.lightbox-0.5.min.js"></script> 
  <script type="text/javascript" src="js/jquery.form.js"></script> 
  <script src="js/cufon-yui.js" type="text/javascript"></script> 
  <script src="js/Aller.font.js" type="text/javascript"></script> 
  <script src="js/jquery.tipsy.js" type="text/javascript"></script> 
  <script src="js/functions.js" type="text/javascript"></script> 
  <!--[if lt IE 7 ]>
    <script src="js/dd_belatedpng.js"></script>
  <![endif]--> 
</div>
</body>
</html>